﻿@import "../_theme";

#nv_material{
    color:white;
    margin:4rem 0;
    padding:0 1rem;
    text-shadow:0 0 2px 0 black;
}

#nv-material-finder{
    &>input{
        color:white;
        background-color:rgba(200, 200, 200, 0.2);
    }
}

.menu-group {
    color: white;
    overflow: hidden;
    padding: 1rem;

    & > div {
        display: inline-block;
        width: 100%;
        height: 48rem;
        box-shadow: 1px 3px 5px 0 black, 0 1px 2px white;
        text-align: left;
        background-color: rgba(2, 2, 2, 0.4);
    }
}
.mg-title {
    text-align: right;
    font-size: 3.6rem;
    font-weight: bold;
    height: 12rem;
    padding: 4rem 2rem;
    overflow: hidden;
}

.mg-purchase {
    box-shadow:0 0 5px;
    & > .mg-title {
        background-image: url('/UI/imgs/nv-material-g1.png');
        background-size: cover;
    }
}

.mg-sale {
    box-shadow: 0 0 5px;
    & > .mg-title {
        background-image: url('/UI/imgs/nv-material-g2.png');
        background-size: cover;
    }
}

.mg-admin {
    box-shadow: 0 0 5px;
    & > .mg-title {
        background-image: url('/UI/imgs/nv-material-g3.png');
        background-size: cover;
    }
}

.mg-item {
    padding: 2rem;
    //float: left;
    width: 100%;
    transition: transform linear .3s;
    cursor: pointer;
    position:relative;
    height:9rem;
    & > a {
        width:100%;
        & > i {
            font-size: 6rem;
            float: left;
            margin-right: 10px;
        }
    }


    &:hover {
        background-color: $ClrHover;
        color: $ClrTheme;
        transform: scale(1.05);
    }
}

#nvm-acntinfo {
    margin-top: 4rem;
    color:white;
    padding: 2rem 1rem 1rem 11rem;
    background-color: rgba(255, 255, 255, 0.40);
    box-shadow: 1px 3px 5px 0 black;
}

#nvm-ai-logo {
    width: 8rem;
    height: 8rem;
    position:absolute;
    top:2rem;
    left:1rem;
}